<!DOCTYPE html>
<html >
<head>
    <meta charset="UTF-8">
    <title>行程</title>
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <meta content="telephone=no" name="format-detection">

    <link rel="stylesheet" href="css/weui.css">
    <link rel="stylesheet" href="css/jquery-weui.css">
    <link rel="stylesheet" href="css/style.css">

<style type="text/css">

</style>
</head>
<body class="back1">
    <div class="shineiSF">
        <div class="index-top">
            <div class="index-back" onClick="javascript:history.back(-1);">
                <img src="images/back.png" width="15">
            </div>
            <p class="index-title">行程</p>
        </div>
    </div>

    <div style="position: absolute;width: 100%;height: 100%;top:0;right:0;overflow: hidden">
        <img src="images/map.jpg" style="position: absolute;top:0;left: 0;">
    </div>
    <div style="position: fixed;bottom:0;right:0;width: 100%;">
    <div class="index-box index-xingchengz">
        <div class="weui-cells">
            <div class="weui-cell left0">
                <div class="weui-cell__hd">
                    <div class="touxiang">
                        <img class="t-photo" src="images/photo.jpg" width="60" height="60">
                        <img class="t-icon" src="images/sex1.png" width="15">
                    </div>
                </div>
                <div class="weui-cell__bd pos-tel">
                    <p class="f17">许元发</p>
                    <p class="xcz-chexing"> 
                        <span class="xinren">信任值80分</span>
                        <!--<span>华泰圣达菲</span>-->
                    </p>
                    <div class="pos-tel-abs"><a href="tel:13137683557"><img src="images/tel.png" width="30"></a></div>
                </div>
            </div>
            <div class="weui-cell left0">

                <div class="weui-cell__bd xingchengz">
                    
                    <div class="weui-cells">
                        <div class="weui-cell">
                            <div class="weui-cell__hd">
                                <img src="images/wait.png" width="8" class="wait">
                            </div>
                            <div class="weui-cell__bd">
                                <p>
                                    <span>今天 18:30</span>
                                    <span class="font1">3人</span>
                                    <span class="font2">95%顺路</span>
                                </p>
                            </div>
                        </div>
                        <div class="weui-cell">
                            <div class="weui-cell__hd">
                                <span class="dian"></span>
                            </div>
                            <div class="weui-cell__bd">
                                <p>
                                    <span>周口一高（西门）</span>
                                    <span class="font1">银珠路 7km</span>
                                </p>
                            </div>
                        </div>
                        <div class="weui-cell">
                            <div class="weui-cell__hd">
                                <span class="dian2"></span>
                            </div>
                            <div class="weui-cell__bd">
                                <p>
                                    <span>项城市中医院</span>
                                    <span class="font1">湖滨路 3.4km</span>
                                </p>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
            <div class="weui-cell left0">
                <div class="weui-cell__bd">
                    <p class="xingchengz-tel">
                        <span class="f12">乘客与你顺路，你可以主动联系他</span>
                        <a href="javascript:;" id="reserve1" class="telephone" style="padding:3px 30px;background: #4b4c5e;color:#fff;border-radius: 3px;font-size: 15px;">我要接单</a>
                    </p>
                </div>
            </div>
        </div>
    </div>
    </div>

    <script src="js/jquery.min.js"></script>
    <script src="js/jquery-weui.min.js"></script>
    <script>
        $(document).on("click", "#reserve1", function() {
            $.confirm("您确定要接单吗?", "确认接单?", function() {
                //确定操作
                $.toast("已接单!");
            }, function() {
                //取消操作
            });
        });
    </script>
</body>
</html>

